<!DOCTYPE html><html lang="zh">
<head>
    <meta charset="utf8">
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
</head>
<body>

<div class="settings settingsTime" style="cursor: pointer; padding: 10px 10px 0;">
    <!--<span id="to_sec10" data-target="sec10" data-ms="10000" class="timeBtn">10s</span>-->
<!--    <span id="to_sec30" data-target="sec30" data-ms="30000" class="timeBtn"><p class="small">+</p>30s</span>-->
<!--    <span id="to_min1"  data-target="min1"  data-ms="60000" class="timeBtn"><p class="small">+</p>1m</span>-->
    <span id="to_min5"  data-target="min5"  data-ms="300000" class="timeBtn"><p class="small">+</p>5m</span>
    <!--<span id="to_min10" data-target="min10" data-ms="600000" class="timeBtn"><p class="small">+</p>10m</span>-->
    <!--<span id="to_min15" data-target="min15" data-ms="900000" class="timeBtn"><p class="small">+</p>15m</span>-->
    <!--<span id="to_min30" data-target="min30" data-ms="1800000" class="timeBtn"><p class="small">+</p>30m</span>-->
    <span id="to_min50" data-target="min50" data-ms="3000000" class="timeBtn"><p class="small">+</p>50m</span>
</div>
<!--<div style="position: absolute; right:0; top:0; left:0; bottom:0;z-index:1000; cursor: pointer;"></div>-->
<div id="table" style="margin-bottom: 15px">
    <div style="position: relative;" class="timeBlock">
        <div id="time_bar" class="snd_1" style="display: flex;">
            <div class="img"></div>
            <div style="display: inline-flex;">
                    <div id="digit"><span id="digitDays">&nbsp;</span>&nbsp;<span id="digitTime">00:00:00</span></div>
                <div id="cancel_btn">取消</div>
            </div>
        </div>
    </div>
    <div id="TrackBlock">
        <button id="marker">&nbsp;</button>

<!--			<div class="anchor" id="min01"></div>-->
<!--        <div class="anchor" id="sec10"></div>-->
<!--        <div class="anchor" id="sec30"></div>-->
<!--        <div class="anchor" id="min1"></div>-->
        <div class="anchor" id="min5"></div>
        <!--<div class="anchor" id="min10"></div>-->
        <!--<div class="anchor" id="min15"></div>-->
        <!--<div class="anchor" id="min30"></div>-->
        <div class="anchor" id="min50"></div>

        <div id="track">
            <div id="line"></div>
        </div>
    </div>
</div>

<div class="settings settingsSnd" style="cursor: pointer;display: none">
    <span id="SndBlink" class="snd on">Simple</span>
    <span id="SndFallout" class="snd">Fallout</span>
    <span id="SndBigBan" class="snd">London</span>
    <span id="SndPokemon" class="snd">Pokemon</span>
    <span id="SndVader" class="snd">Vader</span>
    <span id="SndR2D2" class="snd">R2D2</span>
</div>


<div style="margin-bottom: 10px; display: none">
    <div class="rate">
        <div class="iconTtl">Rate Us</div>
        <div class="icon" data-rank="1"></div>
        <div class="icon" data-rank="2"></div>
        <div class="icon" data-rank="3"></div>
        <div class="icon" data-rank="4"></div>
        <div class="icon" data-rank="5"></div>
    </div>
</div>

<script src="./js/common.js" type="module"></script>
<script src="./js/script.js" type="module"></script>
<script src="./js/state.js" type="module"></script>
</body>
</html>

